<template>
  <div>
    <v-row class="mx-5">
      <v-card
        elevation="2"
        style="min-width: 60vw"
        full-width
        class="mx-auto my-8"
        @click="$router.push(localePath('/signup?type=edit'))"
      >
        <v-card-title>
          <v-row align="center" no-gutters justify="space-between">
            <span>{{ $t('personalinfo') }}</span>
            <span class="mr-3">
              <v-icon color="darken-2" :size="48">{{ icons.mdiChevronRight }}</v-icon>
            </span>
          </v-row>
        </v-card-title>
        <v-divider class="mx-4" />
      </v-card>
      <v-card
        elevation="2"
        style="min-width: 60vw"
        full-width
        class="mx-auto my-8"
        @click="$router.push(localePath('/orderlist'))"
      >
        <v-card-title>
          <v-row align="center" no-gutters justify="space-between">
            <span>{{ $t('orderlist') }}</span>
            <span class="mr-3">
              <v-icon color="darken-2" :size="48">{{ icons.mdiChevronRight }}</v-icon>
            </span>
          </v-row>
        </v-card-title>
        <v-divider class="mx-4" />
      </v-card>
    </v-row>
  </div>
</template>

<script>
import { mdiChevronRight } from '@mdi/js';
export default {
  name: 'Person',
  data() {
    return {
      icons: {
        mdiChevronRight
      }
    };
  }
};
</script>

<style scoped></style>
